<template>
    <el-card @click="goDetail" class="box-card" shadow="hover">
        <div class="content">
            <div class="left">
                <div class="hospital_name">{{ hospitalInfo.hosname }}</div>
                <div class="tip">
                    <div class="lever">
                        <svg t="1688463245806" class="icon" viewBox="0 0 1024 1024" version="1.1"
                             xmlns="http://www.w3.org/2000/svg" p-id="2299" width="16" height="32">
                            <path d="M371.774 847.279c0 0 0 0 0 0 0 54.124-43.872 98.006-97.993 98.014h-129.158c-54.124-0.006-97.995-43.89-97.995-98.014 0 0 0 0 0 0v-312.905c0.006-54.116 43.876-97.984 97.993-97.995h129.158c54.116 0.006 97.984 43.876 97.995 97.993v312.906zM315.228 534.373c0-22.905-18.55-41.472-41.452-41.472h-129.158c-22.897 0.006-41.452 18.574-41.452 41.472 0 0 0 0 0 0v312.922c0 22.864 18.566 41.431 41.452 41.431h129.158c0 0 0 0 0 0 22.886 0 41.443-18.546 41.452-41.431v-312.928z"
                                  fill="#504C23" p-id="2300"></path>
                            <path d="M230.433 721.654c0 13.669-11.090 24.758-24.758 24.758h-7.068c-13.669 0-24.739-11.070-24.739-24.758v-7.047c0-13.649 11.090-24.758 24.739-24.758h7.068c13.669 0 24.758 11.090 24.758 24.758v7.047z"
                                  fill="#848D2F" p-id="2301"></path>
                            <path d="M584.869 945.763c-70.366 0-145.926-8.902-171.565-115.569-0.509-2.128 0.858-4.393 0.858-6.602v-357.321c0-3.922-0.801-7.868 0.821-11.442l4.782-12.653c7.888-24.426 30.868-61.618 67.945-119.218 25.363-39.441 51.391-80.17 59.492-100.691 13.765-34.873 13.706-81.866 12.576-97.038-0.051-0.637-0.080-1.377-0.080-2.126 0-10.227 5.411-19.188 13.526-24.179 15.206-8.724 33.273-13.865 52.531-13.941 16.847 0.003 33.172 4.928 47.678 14.556 39.305 26.142 83.354 67.009 74.682 151.494-2.714 26.629-13.882 51.626-24.678 75.815-7.047 15.91-13.746 30.91-17.494 45.101-0.761 2.87-0.837 10.701-0.878 17.259 30.812 2.676 61.855 5.018 89.773 5.018 17.571 0 31.924-0.138 43.481-0.273 4.594-0.102 10.006-0.159 15.435-0.159 6.060 0 12.1 0.074 18.125 0.212 4.416 0.080 9.434 0.257 14.043 0.861 33.537 4.489 62.066 22.853 80.042 49.039 11.514 14.576 20.478 38.987 20.478 65.494 0 5.49-0.382 10.889-1.126 16.172-4.449 32.381-22.301 60.49-47.781 78.555 15.242 15.438 19.283 37.361 16.416 58.919-3.667 27.679-18.015 51.451-38.689 67.419 4.347-3.185 4.347-2.851 4.404-2.481 4.57 10.418 7.229 22.559 7.229 35.323 0 28.661-13.405 54.197-34.292 70.669 4.691 12.016 6.293 25.255 4.455 39.038-3.77 28.077-23.703 51.742-51.155 61.111-16.617 8.374-37.586 10.134-65.549 10.134-9.431 0-19.934-0.194-31.611-0.407-15.186-0.362-33.083-0.567-51.027-0.567-19.654 0.001-40.759 0.705-61.142 1.347-18.333 0.583-35.554 1.132-51.702 1.132z"
                                  fill="#504C23" p-id="2302"></path>
                            <path d="M470.726 820.141c14.134 59.395 45.882 69.078 115.802 69.078 15.559 0 31.338-0.509 48.967-1.113 20.892-0.662 42.038-1.386 65.406-1.386 18.373 0 34.558 0.292 49.086 0.583 11.322 0.235 21.361 0.394 30.481 0.394 8.159 0 32.956 0 40.377-4.257 1.914-1.113 3.888-1.972 5.995-2.615 6.112-1.795 13.141-7.341 14.193-15.347 0.45-3.278 0.468-7.986-1.877-11.85-6.074-9.956-7.713-23.351-4.431-35.946 2.926-11.149 9.41-20.032 18.314-25.009 9.296-5.118 15.6-14.331 16.988-24.834 0.195-1.363 0.309-2.933 0.309-4.53 0-4.912-1.062-9.575-2.973-13.779-6.358-13.966-7.958-48.135 11.899-62.719 11.581-8.494 19.015-22.051 19.015-37.344 0-9.419-2.82-18.179-7.663-25.481-12.35-18.786-5.516-52.508 13.382-65.451 15.734-10.79 25.92-28.678 25.92-48.94 0-29.972-22.288-54.739-51.194-58.629-2.272-0.304-4.55-0.451-6.862-0.451-0.347 0-0.687 0.002-1.030 0.005h-1.962c-6.641-0.292-16.459-0.175-29.97 0-11.754 0.097-26.245 0.273-44.070 0.273-35.946 0-75.11-3.494-113.010-6.855l-8.572-0.781c-14.501-1.257-25.799-13.335-25.799-28.054 0-1.123 0.065-2.231 0.193-3.316 0.804-7.015 0.849-14.726 0.907-22.185 0.079-11.42 0.138-22.18 2.754-32.119 4.944-18.586 12.847-36.414 20.561-53.654 9.354-21.047 18.235-40.925 20.013-58.576 5.819-56.624-21.38-79.797-49.73-98.662-7.46-4.919-17.164-5.898-25.499-4.238-0.175 24.269-2.913 64.957-17.065 100.691-10.155 25.635-36.646 66.852-64.704 110.452-25.321 39.324-56.837 88.272-62.306 106.684-0.331 1.151 0.858 2.284 0.394 3.398l-2.207 8.669v347.892h-0.037z"
                                  fill="#CFCF5A" p-id="2303"></path>
                            <path d="M710.080 746.413h-0.253c-1.619 0-3.066 2.615-4.413 2.383-7.713-0.138-13.882-5.018-13.882-12.71 0-7.828 6.287-13.452 14.119-13.452 4.609 0 18.625 0.351 18.922 14.234 0.037 2.011-0.407 1.287-1.267 3.044-2.011 5.329-7.206 6.501-13.217 6.501zM606.697 756.081c-34.363 0-63.769-6.871-90.928-38.154-2.147-2.464-3.459-5.708-3.459-9.255 0-7.797 6.319-14.119 14.119-14.119 4.247 0 8.060 1.878 10.645 4.846 27.936 32.138 56.263 30.183 107.676 26.55 6.501-0.45 13.276-0.897 20.327-1.326 0.212-0.006 0.463-0.019 0.721-0.019 7.541 0 13.722 5.841 14.254 13.248 0.451 7.857-5.463 14.512-13.254 14.983-6.973 0.407-13.669 0.915-20.090 1.326-14.077 0.957-27.395 1.914-40.009 1.914z"
                                  fill="#848D2F" p-id="2304"></path>
                        </svg>
                        <span>{{ hospitalInfo.param.hostypeString }}</span>
                    </div>
                    <div class="time">
                        <svg t="1688463330344" class="icon" viewBox="0 0 1024 1024" version="1.1"
                             xmlns="http://www.w3.org/2000/svg" p-id="3600" width="16" height="16">
                            <path d="M512 898.612245c-198.530612 0-360.489796-161.959184-360.489796-360.489796s161.959184-360.489796 360.489796-360.489796 360.489796 161.959184 360.489796 360.489796-161.959184 360.489796-360.489796 360.489796z m0-679.183674c-175.542857 0-318.693878 143.15102-318.693878 318.693878s143.15102 318.693878 318.693878 318.693878 318.693878-143.15102 318.693878-318.693878-143.15102-318.693878-318.693878-318.693878z"
                                  fill="#333333" p-id="3601"></path>
                            <path d="M872.489796 306.677551c-13.583673 0-27.167347-5.22449-37.093878-15.15102l-102.4-102.4a51.774694 51.774694 0 0 1-14.106122-47.542858c3.657143-16.718367 15.15102-30.82449 30.82449-37.616326 49.110204-19.853061 105.012245-8.881633 142.106122 28.734694 37.616327 37.616327 48.587755 92.995918 28.734694 142.106122-6.269388 15.673469-20.37551 27.167347-37.616326 30.82449-3.657143 0.522449-6.791837 1.044898-10.44898 1.044898zM798.82449 135.836735c-11.493878 0-22.987755 2.089796-33.959184 6.791836-4.179592 1.567347-5.22449 5.22449-5.746939 6.791837-0.522449 1.567347-0.522449 6.269388 3.134694 9.926531l102.4 102.4c3.657143 3.657143 7.836735 3.134694 9.926531 3.134694 2.089796-0.522449 5.22449-1.567347 6.791837-5.746939 13.583673-33.436735 5.746939-71.57551-19.330613-96.653061-17.240816-17.763265-39.706122-26.644898-63.216326-26.644898z"
                                  fill="#333333" p-id="3602"></path>
                            <path d="M151.510204 306.677551c-3.657143 0-6.791837-0.522449-10.44898-1.044898-16.718367-3.657143-30.82449-15.15102-37.616326-30.82449-19.853061-49.110204-8.881633-105.012245 28.734694-142.106122 37.616327-37.616327 92.995918-48.587755 142.106122-28.734694 15.673469 6.269388 27.167347 20.37551 30.82449 37.616326 3.657143 17.240816-2.089796 35.004082-14.106122 47.542858L188.604082 291.004082c-9.926531 9.926531-22.987755 15.673469-37.093878 15.673469zM225.17551 135.836735c-22.987755 0-45.97551 8.881633-63.216326 26.122449-25.6 25.6-32.914286 63.738776-19.330613 96.653061 1.567347 4.179592 5.22449 5.22449 6.791837 5.746939 1.567347 0.522449 6.269388 0.522449 9.926531-3.134694l102.4-102.4c3.657143-3.657143 3.134694-7.836735 3.134694-9.926531-0.522449-2.089796-1.567347-5.22449-5.746939-6.791837-11.493878-4.179592-22.465306-6.269388-33.959184-6.269387z"
                                  fill="#333333" p-id="3603"></path>
                            <path d="M514.612245 559.020408c-11.493878 0-20.897959-9.404082-20.897959-20.897959V303.020408c0-11.493878 9.404082-20.897959 20.897959-20.897959s20.897959 9.404082 20.897959 20.897959v235.102041c0 11.493878-9.404082 20.897959-20.897959 20.897959z"
                                  fill="#333333" p-id="3604"></path>
                            <path d="M514.612245 559.020408h-182.857143c-11.493878 0-20.897959-9.404082-20.897959-20.897959s9.404082-20.897959 20.897959-20.897959h182.857143c11.493878 0 20.897959 9.404082 20.897959 20.897959s-9.404082 20.897959-20.897959 20.897959z"
                                  fill="#333333" p-id="3605"></path>
                            <path d="M172.408163 898.612245c-5.22449 0-10.44898-2.089796-14.628571-6.269388-8.359184-8.359184-8.359184-21.420408 0-29.779592l94.040816-94.040816c8.359184-8.359184 21.420408-8.359184 29.779592 0 8.359184 8.359184 8.359184 21.420408 0 29.779592l-94.040816 94.040816c-4.702041 4.179592-9.926531 6.269388-15.151021 6.269388z"
                                  fill="#333333" p-id="3606"></path>
                            <path d="M851.591837 898.612245c-5.22449 0-10.44898-2.089796-14.628572-6.269388l-94.040816-94.040816c-8.359184-8.359184-8.359184-21.420408 0-29.779592 8.359184-8.359184 21.420408-8.359184 29.779592 0l94.040816 94.040816c8.359184 8.359184 8.359184 21.420408 0 29.779592-4.702041 4.179592-9.926531 6.269388-15.15102 6.269388z"
                                  fill="#333333" p-id="3607"></path>
                        </svg>
                        <span>每天{{ hospitalInfo.bookingRule?.releaseTime }}</span>
                    </div>
                </div>
            </div>
            <div class="right">
                <img :src="`data:image/jpeg;base64,${hospitalInfo.logoData}`" alt="">
            </div>
        </div>
    </el-card>
</template>

<script setup lang="ts">
//接受父组件传递过来的props->即为医院数据
import {useRouter} from "vue-router";

let props =  defineProps(['hospitalInfo'])
//获取路由对象
let $router = useRouter()
//点击医院卡片的时候，跳转到详情页面
const goDetail = () => {
    $router.push({path: '/hospital/register',query:{hoscode:props.hospitalInfo.hoscode}})
}
</script>


<style scoped lang="scss">
.content {
  display: flex;
  justify-content: space-between;

  .left {
    width: 60%;

    .tip {
      margin-top: 10px;
      display: flex;
      justify-content: space-between;
      color: #7f7f7f;

      .lever {
        display: flex;
        align-items: center;

        span {
          margin-left: 5px;
        }
      }

      .time {
        display: flex;
        align-items: center;

        span {
          margin-left: 5px;
        }
      }
    }
  }

  .right {
    img {
      width: 50px;
      height: 50px;
    }
  }
}


</style>